<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 数组 => 可变长数组
        // 1. 字面量数组
        //    开发时会遵守约定，不会在一个数组中定义不同类型的数据
        let arr = [ "字符串",1000,true ]; // array
        console.log(arr);
        // 2. 通过构造器创建数组
        //    new Array(length) length 创建时的数组默认长度
        let arr1 = new Array();
        console.log(arr1);
        let arr2 = new Array(10);
        console.log(arr2);
        
        // 数组的操作
        let nameList = ["黎昕","明哲","锦程","浩","聪健","健雄","思聪","立辉","天翊"];

        console.log(nameList); // 输出整个数组

        // 数组的元素调用 => 通过元素下标和元素取值运算符[]实现
        //              => 下标从 0 开始
        let name = nameList[2];
        console.log(name);

        // 数组的元素修改 => 通过元素下标和元素取值运算符[]完成调用，并以=方式完成赋值
        nameList[2] = "豆豆";
        console.log( nameList[2] );
        // !!! 浏览器调试的问题
        //     浏览器为了保证程序的正常运行，不出现内存溢出的问题
        //     浏览器在代码执行的瞬间只会展示部分数组元素，并提供可以重新读取的功能
        //     需要注意，当通过浏览器提供的箭头按钮进行完整数据读取时，此时的程序已经运行结束，读取的是最终的数据
        console.log( nameList );
        
        // 获取数组的长度
        //  .length 数组的实例属性  => 返回当前数组的元素数量(长度)
        console.log( nameList.length );
        
        // 循环方式操作数据 => 遍历
        for (let i = 0 ; i < nameList.length ; i++) {
           console.log( nameList[i] );
           nameList[i] = "王" + nameList[i];
        }
        
        console.log(nameList);
        

    </script>
</head>
<body>
    
</body>
</html>